import * as React from "react";
import { observer } from "mobx-react";
import { Row, Col, Menu } from "antd";
import { WeaInputNumber, WeaCheckbox, WeaSelect ,WeaLocaleProvider} from "ecCom";
import ValueFormatterStore from "../FormatterSettingDialog";
const getLabel = WeaLocaleProvider.getLabel;
export interface IValueFormatter {
    store: ValueFormatterStore;
}
@observer
export default class ValueFormatter extends React.Component<IValueFormatter, {}> {
    render() {
        const { store } = this.props;
        const { xiaoshuvalue = 2, onChangeXiaoshuwei, huobiOptions, huobiType = '￥', onChangeHuobiType, valueType, onClickValueType, selectValueType } = store;
        return (
            <div>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ldkmtd`} className="edcreport-formatter-common">
                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@hfyv00`} span={4} style={{ verticalAlign: 'top', display: 'inline-block', lineHeight: '33px' }}>
                        <label>{getLabel('526948','小数位数：')}</label>
                    </Col>
                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@kx6xtp`} span={8}>
                        <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@5ttsra`} value={xiaoshuvalue} onChange={onChangeXiaoshuwei} min={0} max ={30} style={{ width: 60, marginRight: 10 }}></WeaInputNumber>
                    </Col>
                </Row>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@7ybc30`} className="edcreport-formatter-common">
                    <label>{getLabel('526949','货币符号：') }</label>
                </Row>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@tq0gew`} className="edcreport-formatter-common">
                    <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@dse4b5`}
                        style={{ width: 200 , top: 10}}
                        options={huobiOptions}
                        value={huobiType}
                        //showSearch={true}
                        //optionFilterProp="children"
                        onChange={onChangeHuobiType}
                    />
                </Row>
            </div>
        );
    }
}